<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js ie9" lang="en" itemscope itemtype="http://schema.org/Product"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en" itemscope itemtype="http://schema.org/Product"> <!--<![endif]-->
<head>
  <meta charset="utf-8">

  <!-- Use the .htaccess and remove these lines to avoid edge case issues. -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>EDNASys - Job Description</title>
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <meta name="author" content="humans.txt">
  
  <link rel="shortcut icon" href="favicon.png" type="image/x-icon" />
  
  <!--Facebook Metadata /-->
  <meta property="fb:page_id" content="" />
	<meta property="og:image" content="" />
	<meta property="og:description" content=""/>
	<meta property="og:title" content=""/>
  
  <!--Google+ Metadata /-->
	<meta itemprop="name" content="">
	<meta itemprop="description" content="">
	<meta itemprop="image" content="">

  <!-- Mobile viewport optimized: j.mp/bplateviewport -->
  <meta name="viewport" content="width=device-width,initial-scale=1">

  <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->

  <!-- CSS: implied media=all -->
  <!-- CSS concatenated and minified via ant build script-->
  <!-- <link rel="stylesheet" href="css/minified.css"> -->
  
  <!-- CSS imports non-minified for staging, minify before moving to production-->
  <link rel="stylesheet" href="css/imports.css">
   <link rel="stylesheet" href="css/internal.css">
   <!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">
  <!-- end CSS-->
<link rel="stylesheet" media="screen" href="css/superfish.css" /> 
  <script src="js/hoverIntent.js"></script> 
  <script src="js/superfish.js"></script> 
<script> 
 
    $(document).ready(function(){ 
        $("ul.sf-menu").superfish(); 
    }); 
 
</script>
  <!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->

  <!-- All JavaScript at the bottom, except for Modernizr / Respond.
       Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
       For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
  <script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>

<body>
  <div class="outshell">
    <!-- site menu/navigation -->
    <div class="navigation #navigation">
      <!-- top menu nav -->
     <div class="logo six columns">
          <img src="img/paintcentral-logo-1.png" alt="Paint Central">
      </div>
    <div class="top-menu" id="user-info-menu">
      <ul class="top-menu-items ">
        <li> 
          <span>Signed in:</span> 
          <span> <a class="loggedin-user" href="">User Name</a></span> 
          <span><a href="">sing out</a>  </span>
        </li>
        <li><a href="">contact us</a></li>
        <li><a href="">about</a></li>
        <li><a href="">HELP</a></li>
      </ul>

    </div>
    <div class="clear"></div>
    <div class="menu-wrapper">
      <div class="menu" id="menu"> 
        <ul class="sf-menu sf-js-enabled sf-shadow">
          <li><a class="sf-with-ul" href=""> Jobs<span class="sf-sub-indicator"> »</span></a>
            <ul>
              <li><a href="">Search Jobs</a></li>
              <li><a href="">View all Jobs</a></li>
              <li><a href="">Recent Jobs</a></li>
              <li><a href="">Finished Jobs</a></li>
              <li><a href="">Sort Ascending</a></li>
              <li><a href="">Sort Descending</a></li>
            </ul>
          </li>
          <li> <a  class="sf-with-ul" href=""> Painters<span class="sf-sub-indicator"> »</span></a>
            <ul>
              <li><a href="">View All Painters</a></li>
              <li><a href="">Search Painters</a></li>
              <li><a href="">New Painters</a></li>
              <li><a href="">Free Painters</a></li>
              <li><a href="">Assigned Painters</a></li>
            </ul>
          </li>

          <li> <a class="sf-with-ul" href="">Schedule<span class="sf-sub-indicator"> »</span></a> 
            <ul>
              <li><a href="">View Schedule</a></li>
              <li><a href="">Schedule New Job</a></li>
              <li><a href="">This Week Schedule</a></li>
              <li><a href="">Next Week Schedule</a></li>
              <li><a href="">Previous Week Schedule</a></li>
              <li><a href="">Painters on Holiday</a></li>
            </ul>
          </li>
          <li><a class="last sf-with-ul" href=""> Analysis<span class="sf-sub-indicator"> »</span></a>
            <ul>
              <li><a href="">Worker Average</a></li>
              <li><a href="">Jobs Due Soon</a></li>
              <li><a href="">Days & Painters per job</a></li>
            </ul>
          </li>
        </ul>
        <div class="clear"></div>
      </div>
      <div class="clear"></div>
    </div>
  </div>

<!-- site content -->
<div class="clear"></div>
    <div class="container"> <!--site content container -->
    <div class="main-wrapper jobs-page"> 
    <div class="breadcrumb row" id="breadcrumb"> <span> Bread Crumb </span> <div>
    	<div class="row description-page job-description task-description">
        <div class="job-nav nav inside-nav-top">
          <ul>
             <li><a class="job-btn" href=" ">Assign</a></li>
            <li><a class="job-btn" href=" ">Edit</a></li>
            <li><a class="job-btn" href="">Email</a></li>
            <li><a class="job-btn" href="">Print</a></li>
            <li><a class="job-btn" href="">Next</a></li>
          </ul>
        </div>
       <div class="job-text">
        <h1 id="job-title">Job Title</h1>
        <div class="paint-dec-main">
            <div class="job-info job-info-top">
              <span><p class="job-info-properties client-name">Client Name</p> <p class="job-info-attribute"> DonCompany</p></span>
              <span><p class="job-info-properties created-date">Created date </p><p class="job-info-attribute">12/10/2012</p></span>
              <span><p class="job-info-properties priority">Priority</p><p class="job-info-attribute">Medium</p></span>
              <span><p class="job-info-properties address">Address</p> <p class="job-info-attribute">129 Cronwell St Paul MN 55105</p></span>
              <div class="clear"></div>
            </div>
            <div class="job-description-txt">
             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam neque nisi, porttitor ac hendrerit quis, tempor in libero. Proin a risus augue, adipiscing imperdiet risus. Sed justo mi, luctus eget sollicitudin non, euismod sit amet turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam placerat magna placerat metus egestas sit amet commodo enim consequat. Donec sodales elit vel neque dignissim at bibendum nulla pharetra. Donec et porta arcu. Donec quis adipiscing odio. In id elit risus, suscipit varius erat.</p>
             <p>Maecenas dui nisl, bibendum et malesuada in, egestas vel magna. Donec ut enim et dolor convallis tincidunt. Fusce feugiat molestie diam vel vulputate. In augue ante, vehicula vel dapibus ut, lacinia at sapien. Sed viverra neque scelerisque eros luctus facilisis. Donec tristique auctor leo. Nam vitae auctor velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus gravida iaculis risus sed sollicitudin. Donec sagittis luctus metus id volutpat. Suspendisse eros felis, sagittis in tempus in, vehicula nec dolor. Sed elementum eleifend justo, sit amet porta massa lacinia nec. Cras mollis tristique massa at sagittis.</p>
             <p>Pellentesque venenatis gravida turpis vel dignissim. Nulla venenatis, nisi a interdum blandit, nunc arcu aliquam lacus, in tristique ligula velit vitae velit. Nulla nec urna magna. Aenean magna massa, euismod sit amet fringilla nec, euismod vel purus. Proin felis ipsum, elementum eget pulvinar eget, molestie tincidunt elit. Vestibulum lacinia cursus nulla a luctus. Praesent ut molestie urna. Aliquam molestie nibh nec lectus fermentum ac porttitor quam blandit. Donec volutpat elit eu ligula luctus at placerat dolor rutrum.</p>
            </div>
           <div class="job-info job-info-bottom">
             <span> <p class="job-info-properties type-of-work">Type of Work</p> <p class="job-info-attribute"> Painting</p></span>
             <span><p class="job-info-properties completion-date">Set Completion Date</p> <p class="job-info-attribute">12/30/2015</p></span>
             <div class="clear"></div>
           </div>
           <div class="job-assign-status">
             <span><p class="job-status-info status">Status</p><p class="job-status-attribute assigned-status">not assigned</p></span>
             <span><p class="job-status-info assigned">Assigned to</p><p class="job-status-attribute user-name">Sam Abraham</p></span>
             <span><p class="job-status-info completion-date">Schedule Completion Date</p><p class="job-status-attribute completion-date">12/20/2010</p></span>
             <span><p class="job-status-info actual-completion">Actual Completion Date</p><p class="job-status-attribute completion-date">2121212121</p></span>
              <div class="clear"></div>
           </div>
        </div>
         
       </div>
       <div class="job-nav nav inside-nav-bottom">
          <ul>
             <li><a class="job-btn" href=" ">Assign</a></li>
            <li><a class="job-btn" href=" ">Edit</a></li>
            <li><a class="job-btn" href="">Email</a></li>
            <li><a class="job-btn" href="">Print</a></li>
            <li><a class="job-btn" href="">Next</a></li>
          </ul>
        </div>
        <div class="clear"></div>
     
    	</div>
       <div class="row bottom-navbar" id="bottom-nav" >
        <ul>
          <li><a href="jobs.html">Jobs</a></li>
          <li><a href="painter.html">Painters</a></li>
          <li><a href="schedule.html">Schedule</a></li>
        </ul>
      </div>

    </div> <!--! end of #container -->
  </div>
</div>

  <!-- JavaScript at the bottom for fast page loading -->

  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>

  <script src="js/libs/gumby.min.js"></script>
  <script src="js/plugins.js"></script>
  <script src="js/main.js"></script>
   <script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.js"></script>
  <script type="text/javascript">
    $(document).ready(function(){
      $('#data-table').dataTable();
    });
  </script> 
  <!-- end scripts-->


  <!-- Prompt IE 6 users to install Chrome Frame. We suggest that you not support IE 6.
       chromium.org/developers/how-tos/chrome-frame-getting-started -->
  <!--[if lt IE 7 ]>
    <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
    <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
  <![endif]-->
  
</body>
</html>
